<div style="position: relative;height:100%;width:100%">
       <div id="Getcontrol" style="width: 50%;float: left;height: 100%;overflow: hidden;">
          <div class="">
              <span>添加CSS类名</span>
              <input type="text" class="form-control form-control-sm d-inline-block" id="" style="width: 250px;" autocomplete="off" />
              <i class="fa fa-plus">
              </i>
              <i class="fa fa-pencil" >
              </i>
          </div>
          <div style="margin-bottom:15px;margin-top:15px; border-bottom:1px #d9d9d9 solid; padding-bottom:10px; ">
            <i class="fa fa-list-alt" style="margin-right: 3px;font-size: 14px;">
            CSS类选择器
            </i>
          </div>
          <div style="height: calc(100% - 70px);overflow-y: auto;">
            <div class="Getleft">
              <div class="father">布局</div>
              <div class="father-Fold" style="display: block;">
                <div class="son">
                  <input type="checkbox" name="checkbox" value="margin" onclick="" />边距
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="size" onclick="" />尺寸
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="float" onclick="" />浮动
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="remove" onclick="" />显示
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="over" onclick="" />溢出
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="position" onclick="" />位置
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="order" onclick="">堆叠顺序
                </div>
              </div>
              <div class="father">弹性布局</div>
              <div class="father-Fold">
                <div class="son">
                  <input type="checkbox" name="checkbox" value="direction" onclick="">排列方向
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="wrap" onclick="">多行
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="justify" onclick="">水平排列
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="align" onclick="">垂直排列
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="content" onclick="">多行排列
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="flex" onclick="">子元素属性
                </div>
              </div>
              <div class="father">字体
              </div>
              <div class="father-Fold">
                <div class="son">
                  <input type="checkbox" name="checkbox" value="type" onclick="">字体
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="crude" onclick="">加粗
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="spacing" onclick="">间距
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="array" onclick="">排列方式
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="mrder" onclick="">阅读顺序
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="rende" onclick="">渲染
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="upper" onclick="">大小写
                </div>
              </div>
              <div class="father">背景
              </div>
              <div class="father-Fold">
                <div class="son">
                  <input type="checkbox" name="checkbox" value="picture" onclick="">图片
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="picsetup" onclick="">图片设置
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="backg" onclick="">背景色
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="gradual" onclick="">渐变色
                </div>
              </div>
              <div class="father">边框
              </div>
              <div class="father-Fold">
                <div class="son">
                  <input type="checkbox" name="checkbox" value="boall" onclick="">描边
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="botop" onclick="">描边-上
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="bobottom" onclick="">描边-下
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="boleft" onclick="">描边-左
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="boright" onclick="">描边-右
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="fillet" onclick="">圆角
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="utline" onclick="">轮廓
                </div>
              </div>
              <div class="father">阴影
              </div>
              <div class="father-Fold">
                <div class="son">
                  <input type="checkbox" name="checkbox" value="bshadow" onclick="">盒子阴影
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="wshadow" onclick="">文字阴影
                </div>
              </div>
              <div class="father">动画
              </div>
              <div class="father-Fold">
                <div class="son">
                  <input type="checkbox" name="checkbox" value="hover" onclick="">鼠标悬停
                </div>
              </div>
              <div class="father">效果
              </div>
              <div class="father-Fold">
                <div class="son">
                  <input type="checkbox" name="checkbox" value="effect" onclick="">透明度
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="mouse" onclick="">鼠标样式
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="filter" onclick="">滤镜
                </div>
                <div class="son">
                  <input type="checkbox" name="checkbox" value="change" onclick="">变换
                </div>
              </div>
              <div class="father">列表设置
              </div>
              <div class="father-Fold">
                <div class="son">
                  <input type="checkbox" name="checkbox" value="listyle" onclick="">标记
                </div>
              </div>
            </div>
            <div id="ink_margin" class="Getright" style="display:block">
              <div class="father-title">边距
              </div>
              <div class="son">
                <div class="son-title">
                  <span>设置内边距属性</span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">上边距：
                  </div>
                  <div class="GetSetup-Slide"></div>
                  <input class="GetSetup-input" type="text" >
                  <div class="GetSetup-px" >
                    <select style="display: block;border: 1px solid #ced4da;border-radius: .25rem;">
                    <option value="px">px</option>
                    <option value="%">%</option>
                    <option value="rem">rem</option>
                    </select>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">下边距：
                  </div>
                  <div class="GetSetup-Slide"></div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <select style="display: block;border: 1px solid #ced4da;border-radius: .25rem;">
                    <option value="px">px</option>
                    <option value="%">%</option>
                    <option value="rem">rem</option>
                    </select>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">左边距：
                  </div>
                  <div class="GetSetup-Slide"></div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <select style="display: block;border: 1px solid #ced4da;border-radius: .25rem;">
                    <option value="px">px</option>
                    <option value="%">%</option>
                    <option value="rem">rem</option>
                    </select>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">右边距：
                  </div>
                  <div class="GetSetup-Slide"></div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <select style="display: block;border: 1px solid #ced4da;border-radius: .25rem;">
                    <option value="px">px</option>
                    <option value="%">%</option>
                    <option value="rem">rem</option>
                    </select>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>设置外边距属性</span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">上边距：</div>
                  <div class="GetSetup-Slide"></div>
                  <input class="GetSetup-input" type="text">
                  <div class="GetSetup-px">
                    <select style="display: block;border: 1px solid #ced4da;border-radius: .25rem;">
                    <option value="px">px</option>
                    <option value="%">%</option>
                    <option value="rem">rem</option>
                    </select>
                  </div>
                  <div class="GetSetup-click">auto</div>
                  <div style="clear:both"></div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">下边距：</div>
                  <div class="GetSetup-Slide"></div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <select style="display: block;border: 1px solid #ced4da;border-radius: .25rem;">
                    <option value="px">px</option>
                    <option value="%">%</option>
                    <option value="rem">rem</option>
                    </select>
                  </div>
                  <div class="GetSetup-click" >auto</div>
                  <div style="clear:both"></div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">左边距：</div>
                  <div class="GetSetup-Slide"></div>
                  <input class="GetSetup-input" type="text">
                  <div class="GetSetup-px">
                    <select style="display: block;border: 1px solid #ced4da;border-radius: .25rem;">
                    <option value="px">px</option>
                    <option value="%">%</option>
                    <option value="rem">rem</option>
                    </select>
                  </div>
                  <div class="GetSetup-click" >auto</div>
                  <div style="clear:both"></div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">右边距：</div>
                  <div class="GetSetup-Slide"></div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <select style="display: block;border: 1px solid #ced4da;border-radius: .25rem;">
                    <option value="px">px</option>
                    <option value="%">%</option>
                    <option value="rem">rem</option>
                    </select>
                  </div>
                  <div class="GetSetup-click" >auto</div>
                  <div style="clear:both"></div>
                </div>
              </div>
            </div>
            <div id="ink_size" class="Getright">
              <div class="father-title">
                尺寸
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置元素的宽度
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    宽度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                      <div>
                        em
                      </div>
                      <div>
                        rem
                      </div>
                      <div>
                        vw
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    最大宽度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                      <div>
                        em
                      </div>
                      <div>
                        rem
                      </div>
                      <div>
                        vw
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    最小宽度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                      <div>
                        em
                      </div>
                      <div>
                        rem
                      </div>
                      <div>
                        vw
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置元素的高度
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    高度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                      <div>
                        em
                      </div>
                      <div>
                        rem
                      </div>
                      <div>
                        vh
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    最大高度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                      <div>
                        em
                      </div>
                      <div>
                        rem
                      </div>
                      <div>
                        vh
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    最小高度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                      <div>
                        em
                      </div>
                      <div>
                        rem
                      </div>
                      <div>
                        vh
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_float" class="Getright">
              <div class="father-title">
                悬浮
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    定义元素在哪个方向浮动
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    开启悬浮：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    无
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    左悬浮
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    右悬浮
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    规定元素的哪一侧不允许其他浮动元素
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    是否清除：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    无
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    左
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    右
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    清除
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_remove" class="Getright">
              <div class="father-title">
                显示类型
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    元素应该生成的框的类型
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    元素类型：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    隐藏
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    块级
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    行内块
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    内联
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    列表
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                   style="margin-left: 65px;margin-top: 8px;">
                    弹性排列
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                   style="margin-top: 8px;">
                    弹性宽度
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    隐藏元素但保留占位
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    是否可视：
                  </div>
                  <div class="GetSetup-click Setupton-off"  >
                    隐藏并占位
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_over" class="Getright">
              <div class="father-title">
                溢出
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    当内容溢出元素框时发生的事情
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    X轴溢出：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    显示
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    隐藏
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    滚动
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    自动
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    Y轴溢出：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    显示
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    隐藏
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    滚动
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    自动
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_position" class="Getright">
              <div class="father-title">
                位置
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    规定元素的定位类型
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    位置定位：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    自动
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    相对
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    绝对
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    固定
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    顶边：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                      <div>
                        em
                      </div>
                      <div>
                        rem
                      </div>
                      <div>
                        vh
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    左边：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                      <div>
                        em
                      </div>
                      <div>
                        rem
                      </div>
                      <div>
                        vw
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    底边：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                      <div>
                        em
                      </div>
                      <div>
                        rem
                      </div>
                      <div>
                        vh
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    右边：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                      <div>
                        em
                      </div>
                      <div>
                        rem
                      </div>
                      <div>
                        vw
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_box" class="Getright">
              <div class="father-title">
                自适应宽度
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    父元素：规定子元素应该被水平或垂直排列
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    排列方向：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    水平左右排列
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    垂直上下排列
                  </div>
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                   style="margin-left:65px;margin-top:8px;">
                    行内轴排列
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                   style="margin-top:8px;">
                    块轴排列
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                   style="display:none">
                    水平左右排列
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                   style="display:none">
                    垂直上下排列
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                   style="display:none">
                    行内轴排列
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                   style="display:none">
                    块轴排列
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    子元素：框的子元素是否可伸缩其尺寸
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    缩放比例：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_direction" class="Getright">
              <div class="father-title">
                排列方向
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    属性决定主轴的方向（即项目的排列方向）
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    主轴方向：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    水平左端对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    水平右端对齐
                  </div>
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                   style="margin-left:65px;margin-top:8px;">
                    垂直上沿对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                   style="margin-top:8px;">
                    垂直下沿对齐
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_wrap" class="Getright">
              <div class="father-title">
                换行
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    默认项目都排在一条线上，排不下换行
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    轴线换行：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    首页上方
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    首行下方
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_justify" class="Getright">
              <div class="father-title">
                水平对齐
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    项目在主轴上的对齐方式
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    对齐方式：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    左对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    居中
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    右对齐
                  </div>
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                   style="margin-left:65px;margin-top:8px;">
                    两端对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                   style="margin-top:8px;">
                    间隔相等
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_align" class="Getright">
              <div class="father-title">
                轴线对齐
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    项目在交叉轴上对齐方式
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    对齐方式：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    起点对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    终点对齐
                  </div>
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                   style="margin-left:65px;margin-top:8px;">
                    中点对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                   style="margin-top:8px;">
                    基线对齐
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_content" class="Getright">
              <div class="father-title">
                多轴对齐
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    多根轴线的对齐方式
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    对齐方式：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    起点对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    中点对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    终点对齐
                  </div>
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                   style="margin-left:65px;margin-top:8px;">
                    两端对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                   style="margin-top:8px;">
                    间隔相等
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_flex" class="Getright">
              <div class="father-title">
                元素属性
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    布局容器中元素的排列顺序
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    排列顺序：
                  </div>
                  <input class="GetSetup-input GetSetup-borer"  type="text"
                  style="width:40px;">
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    在分配多余空间之前，项目占据的主轴空间
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    占用空间：
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                      <div>
                        em
                      </div>
                      <div>
                        rem
                      </div>
                      <div>
                        vw
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    布局容器中元素的放大比例
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    放大比例：
                  </div>
                  <input class="GetSetup-input GetSetup-borer"  type="text"
                  style="width:40px;">
                  <div class="GetSetup-title" style="margin-left:15px;">
                    缩小比例：
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" style="width:40px;">
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    布局容器中单个元素对齐方式
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    对齐方式：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    起点对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    终点对齐
                  </div>
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                   style="margin-left:65px;margin-top:8px;">
                    中点对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                   style="margin-top:8px;">
                    基线对齐
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_order" class="Getright">
              <div class="father-title">
                顺序
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置元素的堆叠顺序
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    堆叠顺序：
                  </div>
                  <input class="GetSetup-input GetSetup-borer"  type="text"
                  style="width:60px;">
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_type" class="Getright">
              <div class="father-title">
                字体
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置文字的字体样式
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    颜色：
                  </div>
                  <div class="GetSetup-color"  
                  style="background-color: rgb(255, 255, 255);">
                  </div>
                  <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                  >
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    样式
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    竖体
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    斜体
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    首行缩进：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    文字大小：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        em
                      </div>
                      <div>
                        rem
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_crude" class="Getright">
              <div class="father-title">
                加粗
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置文本的粗细
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    粗细：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    默认
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    粗体
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    超粗
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    细体
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_spacing" class="Getright">
              <div class="father-title">
                间距
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置文字的距离
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    词间距：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    行间距：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px Setupton-auto lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        em
                      </div>
                      <div>
                        rem
                      </div>
                      <div>
                        %
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    auto
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_array" class="Getright">
              <div class="father-title">
                排列
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    元素中文本的水平对齐方式
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    排列方式：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    左对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    居中
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    右边齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    两端
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    元素中文本的垂直对齐方式
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    垂直排列：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    顶端对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    中部对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    底端对齐
                  </div>
                  <div style="clear:both">
                  </div>
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                   style="margin: 6px 0px;">
                    父级盒上标
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                   style="margin: 6px 0px;">
                    父级基线对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                   style="margin: 6px 0px;">
                    父级盒下标
                  </div>
                  <div style="clear:both">
                  </div>
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    内容顶端对齐
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    内容底端对齐
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    文本溢出包含元素时隐藏
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    文本修剪：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    隐藏
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    显示省略号
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    规定段落中的文本不进行换行
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    是否换行：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    不会换行
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    保留空白
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    合并空白
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off"  >
                    单词强制换行
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_mrder" class="Getright">
              <div class="father-title">
                阅读
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置文本流的方向
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    文本方向：
                  </div>
                  <div class="GetSetup-click Setupton-off"  >
                    文本流右到左
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    垂直右到左
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    垂直左到右
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    文本排序顺序
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    文本排序：
                  </div>
                  <div class="GetSetup-click Setupton-off"  >
                    文本倒序
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_rende" class="Getright">
              <div class="father-title">
                渲染
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    规定添加到文本的修饰
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    渲染：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    中划线
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    下划线
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    禁止用户选中文本
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    选择文本：
                  </div>
                  <div class="GetSetup-click Setupton-off"  >
                    禁止选择
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_upper" class="Getright">
              <div class="father-title">
                大小写
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    控制文本的大小写
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    大小写：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    无
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    全部大写
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    首字大写
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    全部小写
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off"  >
                    小型大写字母
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_picture" class="Getright">
              <div class="father-title">
                图片
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    图片资源
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style=" margin: 0px 10px 8px 10px;">
                  <div class="Button-image"  >
                    <i class="fa fa-photo-video">
                    </i>
                    图片资源
                    <input name="Button-image" type="hidden">
                  </div>
                  <input type="file" style="opacity: 0; display: none;" accept=".jpg,.png">
                  <div class="picture-image">
                    <i class="fa fa-photo-video">
                    </i>
                  </div>
                  <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                   style="margin-top: 23px; display:none">
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    图片地址：
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" style="width:180px;">
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    规定背景图像的尺寸
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    图片宽度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px Setupton-auto lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" >
                    auto
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    图片高度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px Setupton-auto lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" >
                    auto
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    无
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    填充
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    适应
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_picsetup" class="Getright">
              <div class="father-title">
                设置
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置背景图像的起始位置
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    水平位置：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 50%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 50%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    垂直位置：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 50%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 50%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div style="float: left;">
                      px
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        px
                      </div>
                      <div>
                        %
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    定义了图像的平铺模式
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    铺设：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    不重复
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    重复
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    水平重复
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    垂直重复
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    背景图像是否固定或者随着页面的其余部分滚动
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    固定：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    滚动
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    固定
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    相对于内容框来定位背景图像
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    图像定位：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    仅边框
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    仅内容框
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_backg" class="Getright">
              <div class="father-title">
                背景
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置元素的背景颜色
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    颜色：
                  </div>
                  <div class="GetSetup-color"  style="background-color: rgb(255, 255, 255);">
                  </div>
                  <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                  >
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    透明度：
                  </div>
                  <div class="GetSetup-Slide">
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    相对于内容框来定位背景颜色
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    颜色定位：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    仅内边距
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    仅内容框
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_gradual" class="Getright">
              <div class="father-title">
                渐变色
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    选择渐变方式，默认线性渐变
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    渐变方式：
                  </div>
                  <div class="GetSetup-click Setupton-off" 
                  >
                    径向渐变
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置元素渐变色
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    开始颜色：
                  </div>
                  <div class="GetSetup-color"  style="background-color: rgb(255, 255, 255);">
                  </div>
                  <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                  >
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    结束颜色：
                  </div>
                  <div class="GetSetup-color"  style="background-color: rgb(255, 255, 255);">
                  </div>
                  <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                  >
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置渐变位置
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    开始位置：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    结束位置：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
                <div class="linear" style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    角度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
                <div class="radial" style="margin: 0px 10px 8px 10px;display:none">
                  <div class="GetSetup-title">
                    中点X轴：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
                <div class="radial" style="margin: 0px 10px 8px 10px; display:none">
                  <div class="GetSetup-title">
                    中点Y轴：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_botop" class="Getright">
              <div class="father-title">
                边框
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置元素上边框样式
                  </span>
                </div>
              </div>
              <div class="GetSetup" style="padding-top: 29px;height: 110px;">
                <!--描边方向选择-->
                <div class="border_waikuang" style="float:left">
                  <div class="border_kuang">
                    <div class="border_wai border_wai_zong" style="border-color:#0e77ca;"
                    onclick="">
                      <div class="border_lei border_lei_shang" style="border-color:#0e77ca;">
                      </div>
                    </div>
                  </div>
                  <div class="border_kuang">
                    <div class="border_wai" onclick="">
                      <div class="border_lei border_lei_zuo">
                      </div>
                    </div>
                    <div class="border_wai" onclick="">
                      <div class="border_lei border_lei_zong">
                      </div>
                    </div>
                    <div class="border_wai" onclick="">
                      <div class="border_lei border_lei_you">
                      </div>
                    </div>
                  </div>
                  <div class="border_kuang">
                    <div class="border_wai border_wai_zong" onclick="">
                      <div class="border_lei border_lei_xia">
                      </div>
                    </div>
                  </div>
                </div>
                <!--^^^^^^^-->
                <div style="width:201px;float:left">
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      颜色：
                    </div>
                    <div class="GetSetup-color"  style="background-color: rgb(255, 255, 255);">
                    </div>
                    <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                    >
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      粗细：
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-left" 
                    >
                      实线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-auto" 
                    >
                      虚线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-auto" 
                    >
                      双线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-right" 
                    >
                      点状
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      宽度：
                    </div>
                    <div class="GetSetup-Slide"
                    >
                      <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                      style="width: 0%;">
                      </div>
                      <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                      style="left: 0%;">
                      </span>
                    </div>
                    <input class="GetSetup-input"  type="text">
                    <div class="GetSetup-px">
                      <div>
                        px
                      </div>
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_bobottom" class="Getright">
              <div class="father-title">
                边框
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置元素下边框样式
                  </span>
                </div>
              </div>
              <div class="GetSetup" style="padding-top: 29px;height: 110px;">
                <!--描边方向选择-->
                <div class="border_waikuang" style="float:left">
                  <div class="border_kuang">
                    <div class="border_wai border_wai_zong" onclick="">
                      <div class="border_lei border_lei_shang">
                      </div>
                    </div>
                  </div>
                  <div class="border_kuang">
                    <div class="border_wai" onclick="">
                      <div class="border_lei border_lei_zuo">
                      </div>
                    </div>
                    <div class="border_wai" onclick="">
                      <div class="border_lei border_lei_zong">
                      </div>
                    </div>
                    <div class="border_wai" onclick="">
                      <div class="border_lei border_lei_you">
                      </div>
                    </div>
                  </div>
                  <div class="border_kuang">
                    <div class="border_wai border_wai_zong" style="border-color:#0e77ca;"
                    onclick="">
                      <div class="border_lei border_lei_xia" style="border-color:#0e77ca;">
                      </div>
                    </div>
                  </div>
                </div>
                <!--^^^^^^^-->
                <div style="width:201px;float:left">
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      颜色：
                    </div>
                    <div class="GetSetup-color"  style="background-color: rgb(255, 255, 255);">
                    </div>
                    <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                    >
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      粗细：
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-left" 
                    >
                      实线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-auto" 
                    >
                      虚线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-auto" 
                    >
                      双线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-right" 
                    >
                      点状
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      宽度：
                    </div>
                    <div class="GetSetup-Slide"
                    >
                      <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                      style="width: 0%;">
                      </div>
                      <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                      style="left: 0%;">
                      </span>
                    </div>
                    <input class="GetSetup-input"  type="text">
                    <div class="GetSetup-px">
                      <div>
                        px
                      </div>
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_boleft" class="Getright">
              <div class="father-title">
                边框
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置元素左边框样式
                  </span>
                </div>
              </div>
              <div class="GetSetup" style="padding-top: 29px;height: 110px;">
                <!--描边方向选择-->
                <div class="border_waikuang" style="float:left">
                  <div class="border_kuang">
                    <div class="border_wai border_wai_zong" onclick="">
                      <div class="border_lei border_lei_shang">
                      </div>
                    </div>
                  </div>
                  <div class="border_kuang">
                    <div class="border_wai" style="border-color:#0e77ca;" onclick="">
                      <div class="border_lei border_lei_zuo" style="border-color:#0e77ca;">
                      </div>
                    </div>
                    <div class="border_wai" onclick="">
                      <div class="border_lei border_lei_zong">
                      </div>
                    </div>
                    <div class="border_wai" onclick="">
                      <div class="border_lei border_lei_you">
                      </div>
                    </div>
                  </div>
                  <div class="border_kuang">
                    <div class="border_wai border_wai_zong" onclick="">
                      <div class="border_lei border_lei_xia">
                      </div>
                    </div>
                  </div>
                </div>
                <!--^^^^^^^-->
                <div style="width:201px;float:left">
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      颜色：
                    </div>
                    <div class="GetSetup-color"  style="background-color: rgb(255, 255, 255);">
                    </div>
                    <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                    >
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      粗细：
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-left" 
                    >
                      实线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-auto" 
                    >
                      虚线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-auto" 
                    >
                      双线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-right" 
                    >
                      点状
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      宽度：
                    </div>
                    <div class="GetSetup-Slide"
                    >
                      <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                      style="width: 0%;">
                      </div>
                      <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                      style="left: 0%;">
                      </span>
                    </div>
                    <input class="GetSetup-input"  type="text">
                    <div class="GetSetup-px">
                      <div>
                        px
                      </div>
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_boright" class="Getright">
              <div class="father-title">
                边框
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置元素右边框样式
                  </span>
                </div>
              </div>
              <div class="GetSetup" style="padding-top: 29px;height: 110px;">
                <!--描边方向选择-->
                <div class="border_waikuang" style="float:left">
                  <div class="border_kuang">
                    <div class="border_wai border_wai_zong" onclick="">
                      <div class="border_lei border_lei_shang">
                      </div>
                    </div>
                  </div>
                  <div class="border_kuang">
                    <div class="border_wai" onclick="">
                      <div class="border_lei border_lei_zuo">
                      </div>
                    </div>
                    <div class="border_wai" onclick="">
                      <div class="border_lei border_lei_zong">
                      </div>
                    </div>
                    <div class="border_wai" style="border-color:#0e77ca;" onclick="">
                      <div class="border_lei border_lei_you" style="border-color:#0e77ca;">
                      </div>
                    </div>
                  </div>
                  <div class="border_kuang">
                    <div class="border_wai border_wai_zong" onclick="">
                      <div class="border_lei border_lei_xia">
                      </div>
                    </div>
                  </div>
                </div>
                <!--^^^^^^^-->
                <div style="width:201px;float:left">
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      颜色：
                    </div>
                    <div class="GetSetup-color"  style="background-color: rgb(255, 255, 255);">
                    </div>
                    <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                    >
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      粗细：
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-left" 
                    >
                      实线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-auto" 
                    >
                      虚线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-auto" 
                    >
                      双线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-right" 
                    >
                      点状
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      宽度：
                    </div>
                    <div class="GetSetup-Slide"
                    >
                      <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                      style="width: 0%;">
                      </div>
                      <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                      style="left: 0%;">
                      </span>
                    </div>
                    <input class="GetSetup-input"  type="text">
                    <div class="GetSetup-px">
                      <div>
                        px
                      </div>
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_boall" class="Getright">
              <div class="father-title">
                边框
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置元素四周边框样式
                  </span>
                </div>
              </div>
              <div class="GetSetup" style="padding-top: 29px;height: 110px;">
                <!--描边方向选择-->
                <div class="border_waikuang" style="float:left">
                  <div class="border_kuang">
                    <div class="border_wai border_wai_zong" onclick="">
                      <div class="border_lei border_lei_shang">
                      </div>
                    </div>
                  </div>
                  <div class="border_kuang">
                    <div class="border_wai" onclick="">
                      <div class="border_lei border_lei_zuo">
                      </div>
                    </div>
                    <div class="border_wai" style="border-color:#0e77ca;" onclick="">
                      <div class="border_lei border_lei_zong" style="border-color:#0e77ca;">
                      </div>
                    </div>
                    <div class="border_wai" onclick="">
                      <div class="border_lei border_lei_you">
                      </div>
                    </div>
                  </div>
                  <div class="border_kuang">
                    <div class="border_wai border_wai_zong" onclick="">
                      <div class="border_lei border_lei_xia">
                      </div>
                    </div>
                  </div>
                </div>
                <!--^^^^^^^-->
                <div style="width:201px;float:left">
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      颜色：
                    </div>
                    <div class="GetSetup-color"  style="background-color: rgb(255, 255, 255);">
                    </div>
                    <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                    >
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      粗细：
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-left" 
                    >
                      实线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-auto" 
                    >
                      虚线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-auto" 
                    >
                      双线
                    </div>
                    <div class="GetSetup-click Setupton-off Setupton-right" 
                    >
                      点状
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                  <div style="margin: 0px 10px 8px 10px;">
                    <div class="GetSetup-title" style="min-width: 38px;">
                      宽度：
                    </div>
                    <div class="GetSetup-Slide"
                    >
                      <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                      style="width: 0%;">
                      </div>
                      <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                      style="left: 0%;">
                      </span>
                    </div>
                    <input class="GetSetup-input"  type="text">
                    <div class="GetSetup-px">
                      <div>
                        px
                      </div>
                    </div>
                    <div style="clear:both">
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_fillet" class="Getright">
              <div class="father-title">
                圆角
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    为元素添加圆角边框
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    左上圆角：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    右上圆角：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    左下圆角：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    右下圆角：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input" 
                  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_utline" class="Getright">
              <div class="father-title">
                轮廓
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置元素轮廓边框样式
                  </span>
                </div>
              </div>
              <div class="GetSetup" style="padding-top: 29px;height: 110px;">
                <div style="margin: 0px 10px 8px 34px;">
                  <div class="GetSetup-title" style="min-width: 38px;">
                    颜色：
                  </div>
                  <div class="GetSetup-color"  style="background-color: rgb(255, 255, 255);">
                  </div>
                  <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                  >
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 34px;">
                  <div class="GetSetup-title" style="min-width: 38px;">
                    粗细：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    实线
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    虚线
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    双线
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    点状
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 34px;">
                  <div class="GetSetup-title" style="min-width: 38px;">
                    宽度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_bshadow" class="Getright">
              <div class="father-title">
                阴影
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    向框添加一个或多个阴影
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    颜色：
                  </div>
                  <div class="GetSetup-color"  style="background-color: rgb(255, 255, 255);">
                  </div>
                  <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                  >
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    颜色透明：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    水平阴影：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    垂直阴影：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    模糊距离：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    阴影尺寸：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    类形：
                  </div>
                  <div class="GetSetup-click Setupton-off" 
                  >
                    内阴影
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_wshadow" class="Getright">
              <div class="father-title">
                文字
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    向文本设置阴影
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    颜色：
                  </div>
                  <div class="GetSetup-color"  style="background-color: rgb(255, 255, 255);">
                  </div>
                  <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                  >
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    颜色透明：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    水平阴影：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    垂直阴影：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    模糊距离：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_change" class="Getright">
              <div class="father-title">
                变换
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    对元素进行旋转
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    旋转角度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text"
                  readonly="" style="background-color: #e5e5e5;">
                  <div class="GetSetup-px">
                    <div>
                      deg
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    缩放比例：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text">
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    对元素进行移动
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    横向位移：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    纵向位移：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    对元素进行倾斜
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    横向倾斜：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text"
                  readonly="" style="background-color: #e5e5e5;">
                  <div class="GetSetup-px">
                    <div>
                      deg
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    纵向倾斜：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text"
                  readonly="" style="background-color: #e5e5e5;">
                  <div class="GetSetup-px">
                    <div>
                      deg
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_filter" class="Getright">
              <div class="father-title">
                滤镜
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    定义元素可视效果
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    亮度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    对比度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    饱和度：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    色调：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text"
                  readonly="" style="background-color: #e5e5e5;">
                  <div class="GetSetup-px">
                    <div>
                      deg
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    虚化：
                  </div>
                  <div class="GetSetup-Slide"
                  >
                    <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min"
                    style="width: 0%;">
                    </div>
                    <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default"
                    style="left: 0%;">
                    </span>
                  </div>
                  <input class="GetSetup-input"  type="text" readonly=""
                  style="background-color: #e5e5e5;">
                  <div class="GetSetup-px">
                    <div>
                      px
                    </div>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_effect" class="Getright">
              <div class="father-title">
                透明
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置元素的不透明级别
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    透明度：
                  </div>
                  <div class="GetSetup-Slide">
                    
                  </div>
                  <input class="GetSetup-input GetSetup-borer"  type="text"
                  readonly="" style="background-color: #e5e5e5;">
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_mouse" class="Getright">
              <div class="father-title">
                光标
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    规定要显示的光标的类型（形状）
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    鼠标样式：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    十字线
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    一只手
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    可移动
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    指示文本
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_listyle" class="Getright">
              <div class="father-title">
                ul列表标记
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    图片资源
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style=" margin: 0px 10px 8px 10px;">
                  <div class="Button-image" >
                    <i class="fa fa-photo-video">
                    </i>
                    图片资源
                    <input name="Button-image" type="hidden">
                  </div>
                  <input type="file" style="opacity: 0; display: none;" accept=".jpg,.png">
                  <div class="picture-image">
                    <i class="fa fa-photo-video">
                    </i>
                  </div>
                  <div class="GetSetup-click fa fa-times-circle Setupton-off" 
                   style="margin-top: 23px; display:none">
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    图片地址：
                  </div>
                  <input class="GetSetup-input GetSetup-borer" 
                  type="text" style="width:180px;">
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    设置ul列表项目标记
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    列表样式：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    无
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    实心圆
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    空心圆
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    字母
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    数字
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div id="ink_hover" class="Getright">
              <div class="father-title">
                鼠标悬停
              </div>
              <div class="son">
                <div class="son-title">
                  <span style="color:#F00">
                    需添加【鼠标悬停】类名，才有效果
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    选择属性：
                  </div>
                  <div class="GetSetup-click Setupton-off" 
                  >
                    悬停属性
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    规定完成过渡效果需要多少秒或毫秒
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    执行时间：
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div>
                      s
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        s
                      </div>
                      <div>
                        ms
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    定义过渡效果何时开始
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    开始时间：
                  </div>
                  <input class="GetSetup-input"  type="text">
                  <div class="GetSetup-px lay-slide">
                    <div>
                      s
                    </div>
                    <div class="text" style="left:0px; top:22px;">
                      <div>
                        s
                      </div>
                      <div>
                        ms
                      </div>
                    </div>
                    <i class="fa fa-angle-down">
                    </i>
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
              <div class="son">
                <div class="son-title">
                  <span>
                    规定速度效果的速度曲线
                  </span>
                </div>
              </div>
              <div class="GetSetup">
                <div style="margin: 0px 10px 8px 10px;">
                  <div class="GetSetup-title">
                    速度曲线：
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                  >
                    相同速度
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-auto" 
                  >
                    由慢到快
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                  >
                    慢速开始
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-left" 
                   style="margin-left:65px;margin-top:8px;">
                    慢速结束
                  </div>
                  <div class="GetSetup-click Setupton-off Setupton-right" 
                   style="margin-top:8px;">
                    首尾慢速
                  </div>
                  <div style="clear:both">
                  </div>
                </div>
              </div>
            </div>
            <div style="clear:both">
            </div>
          </div>
        </div>
       
       <div  style="width: 50%;float: left;text-align: center;padding: 20px;height: 100%;">
                    <div style="width: 80%;height: 300px;border: 1px solid #a8a6a6;">这是展示区域。这是展示区域。这是展示区域。这是展示区域。</div>
                    <hr>
                    <div style="width: 80%;">CSS代码</div>
       </div>
       </div>
       
<script type="text/javascript">
$(function(){
    $(".Getleft .son").click(function() {
    	$(".Getleft .son").removeClass('son-hover');
    	$(this).addClass('son-hover');
    	var cval= $(this).children("input").val();
        console.log(cval);
        $('.Getright').slideUp();
        $("#ink_"+cval).slideDown();
    });
    
});
</script>